<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.springframework.org/schema/mvc">
<head>
    <meta charset="UTF-8">
    <title>签到管理</title>
    <!--<link rel="stylesheet" href="layui/css/layui.css">-->
</head>
<body>
<!--面包屑导航-->
<div class="layui-card" style="padding: 15px">
    <div class="layui-breadcrumb">
        <a href="javascript:;">首页</a>
        <a href="javascript:;">
            <cite>签到管理</cite>
        </a>
    </div>
</div>
<div class="layui-tab-content layui-form">

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">验证手机</label>
            <div class="layui-input-inline">
                <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>

</div>
<script src="js/axios.min.js" th:src="@{/js/axios.min.js}"></script>
<script src="js/vue.min.js" th:src="@{/js/vue.min.js}"></script>
<script>
    layui.use('form', function(){
        var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

        //……

        //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
        form.render();
    });
</script>
</body>
</html>